@charset "utf-8";

body {
    color: #444;
    background-color: #DDEEF6;
    margin: 10px 5% 30px 5%;
    font-size: 85%;
}

.indent {
    margin-left: 20px;
}

table.confirm {
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

table.confirm th {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background-color: #ddd;
    border-bottom-width: 2px;
}

table.confirm td.label {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background-color: #eee;
}

table.confirm td {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background-color: #fff;
}

table.confirm td.num {
    text-align: right;
}

table.confirm td.op {
    background-color: #eef;
}

table.confirm tr {
    border-style: solid;
    border-color: black;
    border-width: 1px;
}

table.confirm tr.sum {
    border-style: solid;
    border-color: black;
    border-width: 2px;
    background-color: #CEF;
    font-style: italic;
}

label.confirm {
    border-width: 0px 0px 1px 0px;
    border-style: dashed;
    border-color: #bbb;
    padding: 1px 2px 1px 2px;
    margin-bottom: 5px;
    display: block;
    width: 400px;
    background-color: #eee;
    font-weight: bold;
}

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

/*
 b{
 border-width: 0  0 1px 0;
 border-style: solid;
 border-color: #bbb;
 padding: 1px 5px 1px 5px;
 background-color: #eee;
 display: block
 }
 */
p {
}

form p {
}

form.confirm label {
    border-width: 0px 0px 1px 0px;
    border-style: dashed;
    border-color: #bbb;
    padding: 1px 2px 1px 2px;
    margin-bottom: 5px;
    display: block;
    width: 400px;
    background-color: #eee;
    font-weight: bold;
}

form td.label {
    background-color: #eee;
    vertical-align: top;
}

td.label {
    background-color: #eee;
    vertical-align: top;
}

td.labelWithErrors {
    background-color: pink;
    vertical-align: top;
}

a:link {
    /*color: #5496FC;*/
    color: navy;
}

a:visited {
    color: firebrick;
}

a:hover {
    color: #FFA458;
    text-decoration: none;
}

.labelWithErrors {
    background-color: pink;
}

table.confirm td.labelWithErrors {
    background-color: pink;
    vertical-align: top;
}

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

div.flashNotice {
    border: 2px solid #ccc;
    width: 400px;
    padding: 7px;
    padding-bottom: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFFFEE;
}

div.flashNotice p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

div.flashError {
    border: 2px solid red;
    width: 400px;
    padding: 7px;
    padding-bottom: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFFFCC;
}

div.flashError p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#ErrorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#ErrorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#ErrorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#ErrorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid grey;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

.emphasized {
    background: #B00;
    color: white;
    font-weight: bold;
    padding: 4px 24px 4px 8px;
    margin-left: -4px;
    border: 1px dotted #F77;
}

.title h2 {
    border: 1px solid black;
    font-size: 120%;
    font-weight: bold;
    padding: 1px 2px 1px 5px;
    margin: 0px;
    background: #C6D3EF;
}

.title h3 {
    border: 1px solid black;
    font-size: 110%;
    font-weight: bold;
    padding: 1px 2px 1px 5px;
    margin: 0px;
    background: #C6D3EF;
}

.content {
    background-color: #fff;
    border: 3px solid #DCDCDC;
    clear: both;
    padding: 8px;
    margin: 4px 8px 4px 12px;
    /*-moz-border-radius : 20px;*/
}

#title {
    background: darkblue;
    /*background: white;*/
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid;
    font: small-caps 30px / 30px "Times New Roman", serif;
    color: white;
    text-align: center;
}

/*
 #header {
 background: royalblue;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 15px;
 padding-left: 15px;
 border-bottom: 10px solid;
 font: small-caps 16px / 16px "Times New Roman", serif;
 color: #DDEEF6;
 text-align: left;
 }
 */
#contents {
    /*background: white;*/
}

#main {
    margin-left: 10em;
    padding-top: 1px;
    padding-left: 7em;
    /*    background: #eeeeff;*/
    width: auto;
}

/*
 #side {
 float: left;
 padding-top: 1em;
 padding-left: 1em;
 padding-right: 1em;
 padding-bottom: 1em;
 width: 11em;
 background: steelblue;
 color: white;
 text-align: left;
 }
 */
#notice {
    font: bold 16px sans-serif;
    color: midnightblue;
}

a {
    text-decoration: none;
    font: smaller sans-serif;
    font-weight: bold;
    color: black;
}

a.button1 {
    padding-left: 1em;
    padding-right: 1em;
    color: black;
    background: #c5c4e6;
    font-weight: bold;
}

a.button1:hover {
    color: black;
    background: #eec;
    cursor: hand;
}
/*
#side a {
    color: white;
    font: smaller sans-serif;
}

#side a:hover {
    color: black;
    background: #c5c4e6;
}
*/
.separator {
    border-bottom: 1px dotted black;
    clear: both;
}

.blue_gradation {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    background-color: #3333FF;
    background-image: url(/images/backrepeat.jpg);
    background-repeat: repeat-x;
    border: 8px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
    color: #FFFFFF;
    /*margin: 0.1in auto;*/
    padding: 10px;
    */
    text-align: left;
    width: 99%;
}

#header {
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    background-color: royalblue;
    background-repeat: repeat-x;
    border: 8px solid #FFFFFF;
	border-top:0px;
    color: #FFFFFF;
   /* margin: 0.1in auto;*/
    padding: 10px;
    text-align: left;
    width: 99%;
	font-weight: bold;
}

#side {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: steelblue;
    background-repeat: repeat-x;
    border: 5px solid #FFFFFF;
    color: #FFFFFF;
    margin-top: 15px;
    padding: 10px;
    text-align: left;
    float: left;
    width: 11em;
    text-align: left;
}

.button {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: mediumblue;
    background-image: url(/images/button.jpg);
    background-repeat: repeat-x;
    border: 1px solid #fff;
    color: white;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 120px;
    margin-bottom: 5px;
}

.button a {
    color: white;
    display: block;
    text-decoration: none;
}

#main h1 {
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: skyblue;
    background-repeat: repeat-x;
    border: 4px solid #FFFFFF;
    color: #FFFFFF;
    margin-bottom: 30px;
    padding: 10px;
    text-align: left;
	width: 100%
}
